<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>弹溜溜-测试</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="/static/default/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css" >
            body {  
                font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
                color: #4f6b72;  
                background: #E6EAE9;  
            }
            #mytable {  
                width: 700px;  
                padding: 0;  
                margin: 0;  
            }  
            th {  
                font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
                color: #4f6b72;  
                border-right: 1px solid #C1DAD7;  
                border-bottom: 1px solid #C1DAD7;  
                border-top: 1px solid #C1DAD7;  
                letter-spacing: 2px;  
                text-transform: uppercase;  
                text-align: center;  
                padding: 6px 6px 6px 12px;  
                background: #CAE8EA url(images/bg_header.jpg) no-repeat;  
            }  
            td {  
                border-right: 1px solid #C1DAD7;  
                border-bottom: 1px solid #C1DAD7;  
                background: #fff;  
                padding: 6px 6px 6px 12px;  
                color: #4f6b72;  
            }  


            td.alt {  
                background: #F5FAFA;  
                color: #797268;  
            }  
            #wapper{  
                position: relative;   /*重要！保证footer是相对于wapper位置绝对*/  
                height: auto;          /* 保证页面能撑开浏览器高度时显示正常*/  
                min-height: 100%  /* IE6不支持，IE6要单独配置*/  
            }  
            #footer{  
               position: absolute;  bottom: 0; /* 关键 */  
               left:0; /* IE下一定要记得 */  
               height: 60px;         /* footer的高度一定要是固定值*/  
            }  
            #main-content{  
               padding-bottom: 60px; /*重要！给footer预留的空间*/  
            }  
        </style>
        <script type="text/javascript">
                                        
                            </script>
    </head>
    <body  onload="javascript:document.getElementsByTagName('body')[0].scrollTop=document.getElementsByTagName('body')[0].scrollHeight;">
        <div id="wapper">
            <div id="main-content"  style="text-align: center;margin-top: 10px;vertical-align: middle;">
                <table id="mytable"  style="width:300px;border: 1px solid #eee;margin-left: auto; margin-right: auto; "  cellspacing="0" >
                    <thead>
                        <th scope="col">期号</th>
                        <th scope="col">号码</th>
                        <th scope="col">预值</th>
                        <th scope="col">状态</th>
                    </thead>
                    <tbody id="tbody">
                        <{foreach from=$list item=val}>
                        <tr>
                            <td class="alt"><{$val['expectdate']}></td>
                            <td class="alt"><{if $val['status']}><{$val['opencode']}><{else}>-/-<{/if}></td>
                            <td class="alt"><{if $t}><{$val['expect_daxiao']}><{else}><{$val['expect_danshuang']}><{/if}></td>
                            <td class="alt">
                                <{if $val['status']}>
                                    <{if $t}>
                                    <{if $val['daxiao_status']}><span style="color:green;">中</span><{else}><span style="color:red;">挂</span><{/if}>
                                    <{else}>
                                        <{if $val['danshuang_status']}><span style="color:green;">中</span><{else}><span style="color:red;">挂</span><{/if}>
                                    <{/if}>
                                <{else}>
                                -/-
                                <{/if}>
                            </td>
                        </tr>
                        <{/foreach}>
                    </tbody>
                </table>
            </div>
            <div id="footer">
                
            </div>
        </div>
    </body>
</html>
